<script setup>
import {useSys} from '@/hooks/useSys'

const { safeArea } = useSys()

const props = defineProps({
  backgroundColor: {
    type: String,
    default: '#fff'
  }
})
</script>

<template>
  <view class="header-x-container" :style="{ paddingTop: `${safeArea.top + 10}px`, backgroundColor: props.backgroundColor }">
    <slot></slot>
  </view>
</template>

<style scoped lang="scss">
</style>
